<template>
    <div class="log-view">
        <a-card :title="$t('logs')" :bordered="false">
            <a-list :data-source="gameStore.playerData.logs" item-layout="horizontal">
                <template #renderItem="{ item }">
                    <a-list-item>
                        <a-list-item-meta>
                            <template #description>{{ item.timestamp }}</template>
                            <template #title>{{ item.message }}</template>
                        </a-list-item-meta>
                    </a-list-item>
                </template>
            </a-list>
        </a-card>
    </div>
</template>

<script setup>
import {useGameStore} from '../stores/game'
const gameStore = useGameStore()
</script>

<style scoped>
.log-view {
    padding: 0;
}
</style>